<template>
  <div id="app">
    <div style="width: 100%; display: flex; justify-content: center;">
      <span @click="flag=!flag">大文件上传</span>
      |
      <span @click="flag=!flag">普通文件上传</span>
      
      
    </div>

    <BigFileUpload v-show="flag"></BigFileUpload>
    <FileUpload v-show="!flag"></FileUpload>
  </div>
</template>

<script>
import BigFileUpload from './components/BigFileUpload.vue'
import FileUpload from './components/FileUpload.vue'
export default {
  name: 'App',
  components:{
    BigFileUpload,
    FileUpload
  },
  data(){
    return{
      flag:true
    }
  }
}
</script>

<style>
      span{
        cursor: pointer;
      }
</style>
